<template>
  <div>
    <div style="color: #169bd5; margin: 10px 0 5px 10px">
      患者访视（48-72h）
    </div>
    <el-card>
<!-- 排便 -->
      <el-form ref="elForm" :model="formData" :rules="rules" size="medium" style="font-size: 20px">
        <el-form-item label="是否排便:"  label-position="left">
          <el-radio-group v-model="form.resource" style="margin-top: 10px">
            <el-radio v-model="radio" label="true">是
              <span style="margin-left: 10px" v-show = "form.resource === 'true'">
                  疼痛评分: <input style="width: 30%;border: none;border-bottom: 1px solid">
                  时间: <input style="width: 30%;border: none;border-bottom: 1px solid">
              </span>
            </el-radio>

            <el-radio v-model="radio" label="false" style="margin-top: 10px">否
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <!-- 下床活动 -->
        <el-form-item label="是否下床活动:"  label-position="left">
          <el-radio-group v-model="form.leaveBed" style="margin-top: 10px">
            <el-radio v-model="radio" label="true">是
              <span style="margin-left: 10px" v-show = "form.leaveBed === 'true'">
                  疼痛评分: <input style="width: 30%;border: none;border-bottom: 1px solid">
                  时间: <input style="width: 30%;border: none;border-bottom: 1px solid">
              </span>
            </el-radio>
            <p></p>
            <el-radio v-model="radio" label="false" style="margin-top: 10px">否
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <!-- 伤口愈合情况 -->
        <el-form-item label="伤口愈合情况:"  label-position="left">
          <el-radio-group v-model="form.wounds" style="margin-top: 10px">
            <el-radio v-model="radio" label="jia">甲级愈合：伤口一期愈合
            </el-radio>
            <p></p>
            <el-radio v-model="radio" label="yi" style="margin-top: 10px">
              乙级愈合：伤口愈合欠佳，伤口有红肿、硬结、血肿和积液等情况，但未出现化脓情况
            </el-radio>
            <p></p>
            <el-radio v-model="radio" label="bing" style="margin-top: 10px">
              丙级愈合：切口出现化脓等情况
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <!-- 是否追加曲马多 -->
        <el-form-item label="是否追加曲马多（当NRS≥4分追加50-100mg）:"  label-position="left">
          <el-radio-group v-model="form.qumaDuo" style="margin-top: 10px">
            <el-radio v-model="radio" label="true">是
              <span style="margin-left: 10px" v-show = "form.qumaDuo === 'true'">
                  追加剂量: <input style="width: 30%;border: none;border-bottom: 1px solid">mg
                  追加时间: <input style="width: 30%;border: none;border-bottom: 1px solid">
              </span>
            </el-radio>
            <p></p>
            <el-radio v-model="radio" label="false" style="margin-top: 10px">否
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <!-- 术后24小时 -->
        <el-form-item label="术后0-24h使用镇痛药物情况 :"  label-position="left">

        </el-form-item>
        <el-button type="primary" icon="el-icon-plus">添加药物</el-button>
      </el-form>
    </el-card>
    <div style="color: #169bd5; margin: 10px 0 5px 10px">
      不良事件（术后第3天）
    </div>
    <el-card>
      <el-form ref="blForm" :model="formData" :rules="rules" size="medium" style="font-size: 20px">
        <el-form-item label="是否有不良反应发生:"  label-position="left">
          <el-radio-group v-model="blform.buliang" style="margin-top: 10px">
            <el-radio v-model="radio" label="false">否</el-radio>
            <p></p>
            <el-radio v-model="radio" label="true" style="margin-top: 10px">是
              <span style="margin-left: 10px" v-show = "blform.buliang === 'true'">
                <!-- 各种反应 -->
                <el-checkbox-group v-model="checkList">
                  <el-checkbox label="困倦" ></el-checkbox>
                  <el-checkbox label="恶心" ></el-checkbox>
                  <el-checkbox label="呕吐" ></el-checkbox>
                  <el-checkbox label="头晕" ></el-checkbox>
                  <el-checkbox label="嗜睡"></el-checkbox>
                  <el-checkbox label="尿潴留"></el-checkbox>
                  <el-checkbox label="皮肤瘙痒"></el-checkbox>
                  <el-checkbox label="便秘"></el-checkbox>
                </el-checkbox-group>
              </span>
            </el-radio>
          </el-radio-group>
        </el-form-item>
        <span style="margin-left: 10px" v-show = "blform.buliang === 'true'">
          <el-form-item label="是否与试验药物相关性: "  label-position="left">
            <el-radio-group v-model="blform.connect">
              <el-radio v-model="radio" label="real">
                肯定有关
              </el-radio>
              <el-radio v-model="radio" label="maybeReal" >
                很可能有关
              </el-radio>
              <el-radio v-model="radio" label="someReal" >
                可能有关
              </el-radio>
              <el-radio v-model="radio" label="maybeNot" >
                可能无关
              </el-radio>
              <el-radio v-model="radio" label="Not" >
                肯定无关
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="是否干预: "  label-position="left">
            <el-radio-group v-model="blform.ganYu" >
            <el-radio v-model="radio" label="false" >否</el-radio>
              <el-radio v-model="radio" label="true">是
                <span style="margin-left: 10px" v-show = "blform.ganYu === 'true'">
                    干预方式: <input style="width: 100%;border: none;border-bottom: 1px solid">
                </span>
              </el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="不良事件结局: "  label-position="left">
            <el-radio-group v-model="blform.jieJu" >
              <el-radio v-model="radio" label="still">仍存在</el-radio>
              <el-radio v-model="radio" label="ok">已缓解</el-radio>
              <el-radio v-model="radio" label="dontKnow">不知道</el-radio>
            </el-radio-group>
          </el-form-item>

        </span>
      </el-form>
    </el-card>


    <el-row :gutter="24" style="width: 100%;margin-left: 30%;margin-top: 10px">
      <el-col :span="8">
        <el-button>取消</el-button>
      </el-col>
      <el-col :span="8">
        <el-button type="primary" @click="onSubmit">保存</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      form: {
        resource: '',
        leaveBed:'',
        wounds:'',
        qumaDuo:'',
        twentyFour:''
      },
      blform:{
        buliang: "",
        connect: "",
        ganYu:"",
        jieJu:""
      },
      checkList: [],
      radio: '',

    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    onSubmit() {
      console.log('submit!');
    }
  }
}

</script>
<style>
</style>
